import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class MessageHeader extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 32.w),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          SizedBox(width: 195.w), // 左侧占位，与下载按钮宽度相同
          Text(
            'Message',
            style: TextStyle(
              color: Colors.white,
              fontSize: 32.sp,
              fontWeight: FontWeight.bold,
            ),
          ),
          Container(
            height: 54.h,
            width: 195.w,
            padding: EdgeInsets.symmetric(horizontal: 12.w),
            decoration: BoxDecoration(
              color: Colors.transparent,
              borderRadius: BorderRadius.circular(36.r),
              border: Border.all(
                color: const Color(0xFFE7568C),
                width: 2.w,
              ),
            ),
            child: Row(
              children: [
                Icon(
                  Icons.download,
                  color: const Color(0xFFE7568C),
                  size: 30.sp,
                ),
                SizedBox(width: 8.w),
                Text(
                  'Download',
                  style: TextStyle(
                    color: const Color(0xFFE7568C),
                    fontSize: 26.sp,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
